<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>北京</title>
		<script src="js/rem.js"></script>
		<link rel="stylesheet" href="font/iconfont.css">
		<link rel="stylesheet" href="fonts/iconfont.css">
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/master.css">
	</head>
	<body>

		<div class="container">
			<div class="gonglue-header">
				<a href="tips.html" class="iconfont icon-iconfront-
		"></a>
				<div>
					<img src="img/map.png">
					<h4>北京</h4>
				</div>
				<a href="javascript:;" class="iconfont icon-icon-test"></a>
			</div>
			<div class="gonglue-content">

				<img src="img/map.png" class="map">
				<h3>6日私藏攻略，教你玩转老北京范儿！</h3>
				<h5>
					<em>"</em>
					<span>编辑导读</span><br>
					编辑导读&nbsp;&nbsp;&nbsp;&nbsp;玩腻了故宫、天安门，讨厌人挤人？那么这份别有趣味的京城攻略就很适合你了！
					<em>"</em>
				</h5>
				<p class="p1">
					故宫<br/>
					天安门<br/>
					八达岭万里长城<br/>
					......<br/>
					人也太多了吧
				</p>
				<img src="img/tang.png" class="tang">
				<p class="p2">
					如何避开人潮<br/>
					过一个完美的6日北京<br/>
					从第1天到第6天<br/>
					一份有趣不心累的京城攻略<br/>
					赶紧收藏！
				</p>
				<img src="img/tang.png" class="tang">
				<p class="p2">
					如何避开人潮<br/>
					过一个完美的6日北京<br/>
					从第1天到第6天<br/>
					一份有趣不心累的京城攻略<br/>
					赶紧收藏！
				</p>
				<img src="img/tang.png" class="tang">
				<p class="p2">
					如何避开人潮<br/>
					过一个完美的6日北京<br/>
					从第1天到第6天<br/>
					一份有趣不心累的京城攻略<br/>
					赶紧收藏！
				</p>
				<img src="img/tang.png" class="tang">
				<p class="p2">
					如何避开人潮<br/>
					过一个完美的6日北京<br/>
					从第1天到第6天<br/>
					一份有趣不心累的京城攻略<br/>
					赶紧收藏！
				</p>
				
				<a href="javascript:;">
					<img src="img/share.png" class="shareicon">
				</a>
			</div>
			
		</div>



		<!-- 添加到已收藏 -->
		<div class=" container2">
		    <div id="shoucang">
				<p>已收藏</p>
				<p>是否添加至我的收藏单</p>
				<div class="shoucang-list">
					<ul>
						<li class="iconfont icon-gengduo">新建一个列表</li>
					</ul>
				</div>
				<a href=""></a>
				<button  class="iconfont icon-xiajiantou" type="button"></button>
		    </div>
		</div>


		<!-- 分享 -->
		<div class="share">
			<ul id="share-list">
				<li><a href="javascript:;" class="iconfont icon-weibo"></a></li>
				<li><a href="javascript:;" class="iconfont icon-weixin"></a></li>
				<li><a href="javascript:;" class="iconfont icon-qq"></a></li>
				<li><a href="javascript:;" class="iconfont icon-moment"></a></li>
				<li><a href="javascript:;" class="iconfont icon-weibo"></a></li>
				<li><a href="javascript:;" class="iconfont icon-Facebook"></a></li>
			</ul>
			<a href="javascript:;" class="share-a iconfont icon-xiajiantou"></a>
		</div>

		

		<script src="js/攻略.js"></script>
		
	</body>
</html>
